@charset "utf-8";
/* CSS Document */

@media ( min-width: 360px) {
  .index-btn-line {
    bottom:105px;
  }
  
  .rule-btn-line {
    bottom:120px;
  }
  
  .rule-text-line {
    top:130px;
  } 
  
  .rule-text-line .content {
    width:200px;
    height:130px;
  }
  
  .rule-award-line {
    top:315px;
  }
  
  .rule-award-line .content  {
    padding-left:16px;
    font-size:13px;
  }
  
  .rule-award-line .content th , .rule-award-line .content img {
    width:90px;
  }
  
  .my-award-modal {
    width:340px;
    height:418px;
  }
  
  .my-award-modal table {
    top:100px;
    left:50px;
  }
  
  .take-award-modal {
    width:340px;
    height:420px;
  }
  
  .take-award-modal #award_name {
    top:92px;
    left:-10px;
  }
  
  .result-name-line {
    top:180px;
  }

  .result-point-line {
    top:206px;
    margin-left:117px;
    font-size:13px;
  }
  
  .result-list-line {
    font-size:12px;
    top:275px;
  }
  
  .result-take-line {
    bottom:155px; 
  }
  
  .result-btn-line {
    bottom:120px;  
  }
  
  .result-icon-line img {
    width:100px;
    height:100px;
    border-radius:50px;
  }
  
  .result-crown-line {
    top:20px;
  }

  .result-crown-line img {
    width:90px;
    height:59px;
    margin-left:30px;
  }
  
  .good-card-modal {
    width:340px;
    height:418px;
  }
  
  .good-card-modal .point{
    left:80px;
    bottom:32px;
    font-size:30px; 
  }
  
  .bad-card-modal {
    width:340px;
    height:418px;
  }
  
  .bad-card-modal .point{
    left:80px;
    bottom:32px;
    font-size:30px; 
  }
}

@media ( min-width: 414px) {
  .index-btn-line {
    bottom:105px;
  }
  
  .rule-btn-line {
    bottom:120px;
  }
  
  .rule-text-line {
    top:140px;
  } 
  
  .rule-text-line .content {
    width:220px;
    height:150px;
  }
  
  .rule-award-line {
    top:365px;
  }
  
  .rule-award-line .content {
    padding-left:16px;
    font-size:13px;
  }
  
  .rule-award-line .content th , .rule-award-line .content img {
    width:100px;
  }
  
  .result-name-line {
    top:200px;
  }

  .result-point-line {
    top:230px;
    margin-left:128px;
    font-size:13px;
  }
  
  .result-list-line {
    font-size:12px;
    top:310px;
  }
  
  .result-take-line {
    bottom:155px; 
  }
  
  .result-btn-line {
    bottom:120px;  
  }
  
  .result-icon-line img {
    width:120px;
    height:120px;
    border-radius:60px;
  } 
  
  .result-crown-line {
    top:15px;
  }

  .result-crown-line img {
    width:100px;
    height:65px;
    margin-left:30px;
  }
  
  .good-card-modal {
    width:340px;
    height:418px;
  }
  
  .good-card-modal .point{
    left:80px;
    bottom:32px;
    font-size:30px; 
  }
  
  .bad-card-modal {
    width:340px;
    height:418px;
  }
  
  .bad-card-modal .point{
    left:80px;
    bottom:32px;
    font-size:30px; 
  }
}